$(function(){
    // 登录按钮的验证事件
    $('#content .logo-box form button').click(function(){
        let myuname = 'zhangsan'; // 正确的账户名
        let mypwd = '12345678'; // 正确的密码

        let uname = $.trim($('#content .logo-box form>p.username input').val()); // 待验证的账户名
        let pwd = $.trim($('#content .logo-box form>p.password input').val()); // 待验证的密码

        $('#content .logo-box form .tips').css('display', 'block');

        if (uname == '' && pwd == '') {
            $('#content .logo-box form .tips').text('请输入账户名和密码');
            return;
        }

        if (uname == '') {
            $('#content .logo-box form .tips').text('请输入账户名');
            return;
        }

        if (pwd == '') {
            $('#content .logo-box form .tips').text('请输入密码');
            return;
        }

        if (!(myuname == uname && mypwd == pwd)) {
            $('#content .logo-box form .tips').text('账户名与密码不匹配，请重新输入');
            return;
        }

        // $('#content .logo-box form .tips').text('成功！');
        $('#content .logo-box form .tips').css('display', 'none');

        // 将账号密码存入localStorage
        let loginInfo = {"name":uname, "pwd":pwd};
        localStorage.setItem('wjxLoginInfo', JSON.stringify(loginInfo));
        location.href = 'index.html'; // 跳转到首页

        alert('登录成功！');
    });

    tabsToggle('.method .byqrcode');
    tabsToggle('.method .byinfo');

    // 点击扫码登录按钮
    $('.method .byqrcode').click(function(){
        $('.logo-box .scan').css('display', 'block');
        $('.logo-box form').css('display', 'none');
    });

    // 点击账户登录按钮
    $('.method .byinfo').click(function(){
        $('.logo-box .scan').css('display', 'none');
        $('.logo-box form').css('display', 'block');
    });

    // 标签栏切换
    function tabsToggle(obj) {
        $(obj).hover(function(){
            $(this).addClass('active').siblings().removeClass('active');
        },function(){
            if($('.logo-box form').css('display') == 'block') {
                $('.method .byinfo').addClass('active').siblings().removeClass('active');
            } else {
                $('.method .byqrcode').addClass('active').siblings().removeClass('active');
            }
        });
    }
});